/*弹出消息列表按钮*/
#messages_btn span {
  display:inline-block;
}
/**
 * 弹出消息模态框消息列表
 */
#msgModal {
  .box {
    height:100%;
    overflow-y:auto;
  }

  .message-info-list {
    height:450px;
    overflow-y:auto;

    .loading {
      display:block;
      text-align:center;
      padding:30px;
    }

    .common {
      list-style: none;
      padding:15px 0;
      border-bottom:1px solid #f2f2f2;

      .avatar-box {
        margin:10px 10px 0 0;
        position: relative;
        float:left;
        width:64px;
        height:64px;
        overflow:hidden;
      }

      .common_con{
          margin-left:74px;
          margin-top:10px;
      }

      .comment_con .from{
          background:#f2f2f2;
          border-radius:5px;
          padding:5px;

          .from_con{
              margin-left:130px;
          }
      }
    }
  }
  .loadmore-type-messages {
    color:#666;
    background:#ddd;
    padding:10px;
    width:200px;
    margin:5px auto;
    border-radius:5px;
    text-align:center;
    cursor:pointer;
  }

  .message-type-box {
    height:450px;
    overflow-y:auto;

    .message-type-list li {
      position: relative;
    }
  }

  @media screen and (max-width:768px){
    .box {
      height:500px;
      overflow-y:auto;
    }
    .message-info-list{
      height:auto;
    }
    .message-type-box {
      height:auto;
    }
  }
}

/**
 *session1 样式
 */
#msgModal .message-type-list li.session1 {
  display:block;
}
#msgModal .message-type-list li.session1 a {
  margin: 5px;
  display:block;
}
#msgModal .message-type-list li.session1 a .message-s {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  background-color: #f0f2f5;
}
#msgModal .message-type-list li.session1 a .message-s .pic {
  height:50px;
  width:50px;
  float:left;
}
#msgModal .message-type-list li.session1 a .message-s .img-wrap {
  width: 50px;
  height: 50px;
}
#msgModal .message-type-list li.session1 a .message-s .info {
  height:50px;
  line-height: 50px;
  margin-left:60px;
}
#msgModal .message-type-list li.session1 a .message-s .title {
  display: inline-block;
  font-size: 14px;
  color:#666;
}
#msgModal .message-type-list li.session1 a .message-s .title .unread-num{
  font-size:12px;
  display: table-cell;
  vertical-align:middle;
}
/**
 *session2 样式
 */
#msgModal .message-type-list li.session2 {
  display:block;
}
#msgModal .message-type-list li.session2 a {
  margin: 5px;
  display:block;
}
#msgModal .message-type-list li.session2 a .message-s {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  background-color: #f0f2f5;
}
#msgModal .message-type-list li.session2 a .message-s .pic {
  height:50px;
  width:50px;
  float:left;
}
#msgModal .message-type-list li.session2 a .message-s .img-wrap {
  width: 50px;
  height: 50px;
}
#msgModal .message-type-list li.session2 a .message-s .info {
  height:50px;
  line-height: 50px;
  margin-left:60px;
}
#msgModal .message-type-list li.session2 a .message-s .title {
  display: inline-block;
  font-size: 14px;
  color:#666;
}
#msgModal .message-type-list li.session2 a .message-s .title .unread-num{
  font-size:12px;
  display: table-cell;
  vertical-align:middle;
}
/**
 *session3 样式
 */
#msgModal .message-type-list li.session3 {
  display:block;
}
#msgModal .message-type-list li.session3 a {
  margin: 5px;
  display:block;
}
#msgModal .message-type-list li.session3 a .message-s {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  background-color: #f0f2f5;
}
#msgModal .message-type-list li.session3 a .message-s .pic {
  height:50px;
  width:50px;
  float:left;
}
#msgModal .message-type-list li.session3 a .message-s .img-wrap {
  width: 50px;
  height: 50px;
}
#msgModal .message-type-list li.session3 a .message-s .info {
  height:50px;
  line-height: 50px;
  margin-left:60px;
}
#msgModal .message-type-list li.session3 a .message-s .title {
  display: inline-block;
  font-size: 14px;
  color:#666;
}
#msgModal .message-type-list li.session3 a .message-s .title .unread-num{
  font-size:12px;
  display: table-cell;
  vertical-align:middle;
}

/**
 *session4 样式
 */
#msgModal .message-type-list li.session4 {
  display:block;
}
#msgModal .message-type-list li.session4 a {
  margin: 5px;
  display:block;
}
#msgModal .message-type-list li.session4 a .message-s {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  background-color: #f0f2f5;
}
#msgModal .message-type-list li.session4 a .message-s .pic {
  height:50px;
  width:50px;
  float:left;
}
#msgModal .message-type-list li.session4 a .message-s .img-wrap {
  width: 50px;
  height: 50px;
}
#msgModal .message-type-list li.session4 a .message-s .info {
  height:50px;
  line-height: 50px;
  margin-left:60px;
}
#msgModal .message-type-list li.session4 a .message-s .title {
  display: inline-block;
  font-size: 14px;
  color:#666;
}
#msgModal .message-type-list li.session4 a .message-s .title .unread-num{
  font-size:12px;
  display: table-cell;
  vertical-align:middle;
}
/*弹出消息列表end*/